import React, {Component} from 'react';
import '../css/LeftTop.css'

let items = [];
for (let i = 0; i < 3; i++) {
    let item = {
        area: '某某公安局',
        type: '服务器',
        time: '2018-09-19 23:24:00',
        persion: '张三'
    };
    items.push(item);
}

class ShowSingle extends Component {

    constructor(props) {
        super(props);
        this.state = {
            datas: []
        }

    }

    componentDidMount() {

    }

    render() {
        return (
            <div className="data-box3">
                <i className="topL"/>
                <i className="topR"/>
                <i className="bottomL"/>
                <i className="bottomR"/>

                <table border="1" className="single-table" rules="none">
                    <tbody>
                    <tr className="single-tr">
                        <th>区域</th>
                        <th>类型</th>
                        <th>维修时间</th>
                        <th>维修人员</th>
                        <th>是否完成</th>
                    </tr>
                    </tbody>
                    {items.map((item, i) => {
                        return (
                            <tr className="single-td">
                                <td>{item.area}</td>
                                <td>{item.type}</td>
                                <td>{item.time}</td>
                                <td>{item.persion}</td>
                                <td>
                                    <div className="complete">完成</div>
                                </td>
                            </tr>

                        )
                    })}
                </table>

            </div>

        );
    }
}

export default ShowSingle;
